.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?v=4.6.3');
    src: url('../fonts/icomoon.eot?#iefix&v=4.6.3') format('embedded-opentype'),
    url('../fonts/icomoon.woff?v=4.6.3') format('woff'),
    url('../fonts/icomoon.ttf?v=4.6.3') format('truetype'),
    url('../fonts/icomoon.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.yy-showpage-silde{
    top:0!important;
}
.commonpage_form_content_item_text{
    width:95%;
    word-break:break-all;
}
.statistics_table .yy-table-content tr:hover{
    background-color: #f7f7f7;
}

.statistics_table .yy-table-content tr:hover td:first-child{
    color: rgb(31, 218, 154);
}
.switch-disabled .yy-icon-code{
    color:#dedede !important;
}
.switch-disabled{
    opacity: 1 !important;
}

.dc-condition-dropdown{
  cursor: pointer;
  position: relative;
}

.disabled-editor .yy-statusview .yy-input,.disabled-editor .yy-statusview .yy-textarea,.disabled-editor .ds-person-selector{
  background-color: #f7f7f7;
  cursor: not-allowed !important;
}
.disabled-editor .yy-statusview .yy-checkbox,.disabled-editor .yy-repeat{
    cursor: not-allowed !important;
}
.disabled-editor .dc-designer-item-selected .dc-designer-item-del{
  display: none;
}
.disabled-editor .dc-designer-item-cover ,.disabled-editor .dc-designer-wrapper-right input,.disabled-editor .dc-designer-wrapper-right textarea,.disabled-editor .dc-designer-wrapper-right label{
  cursor: default !important;
}
.disabled-editor .yy-statusview input,.disabled-editor .yy-statusview textarea{
  cursor: not-allowed;
  background-color: #f7f7f7 !important;
}
.disabled-editor .dc-designer-tool-icon-wrap:hover{
  background-color: #fff !important;  cursor: not-allowed;
  border: 1px solid transparent !important;
}
.dc-time-wrap{
    border-radius: 3px;
  -moz-box-shadow:1px 4px 5px #eee; -webkit-box-shadow:1px 4px 5px #eee; box-shadow:1px 4px 5px #eee;
  border:1px solid #eee;
}

.dc-condition-dropdown:active{
  opacity: .7;
  filter: Alpha(opacity=70);
}

.dc-common-caendar-wrapper{
  position: absolute;
}
.web-preview {
  position: relative;
  padding: 10px;
  text-align: left;
}
.web-preview .dc-designer-item-cover{
  display: none;
}
.web-preview .dc-designer-item-selected{
  border:none !important;
}
.web-preview .dc-designer-item-del{
  display:none !important;
}

.dc-condition-dropdown .yy-icon-text{
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yy-showpage-silde{
  top:50px;
  width: 480px;
}
.yy-showpage-silde-hide{
  right: -480px !important;
}
.dc-designer-wrapper{
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom:0;
}
.dc-designer-wrapper-inner{
  position: relative;
  width: 100%;
  height:100%;
  background-color: #F2F3F4;
  padding-top: 10px;
  padding-bottom: 10px;
}
.dc-designer-wrapper-left{
  width:91px;
  position: absolute;;
  top:0;
  left:0;
  bottom: 0;
}
.dc-designer-wrapper-right{
  position: absolute;
  background-color: #fff;
  right:10px;
  top:10px;
  left:91px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
  bottom: 10px;
}
.row.gu-mirror{
  cursor: move;
}
.dc-designer-wrapper-right .row{
  border: 1px solid transparent;
}
.dc-designer-wrapper-right input,.dc-designer-wrapper-right textarea,.dc-designer-wrapper-right label{
  cursor: move;
}
.dc-designer-tool-menu,.dc-designer-title{
  position: relative;
  width:70px;
  margin:auto;
  background-color: #fff;
  font-size: 14px;
}
.dc-designer-tool-menu{
  color:#999;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 5px 10px rgba(161, 165, 165, 0.5);
  position: absolute;
  left: 11px;
  bottom: 0;
  overflow: auto;
  top: 50px;
}
.dc-designer-title{
  color: #333;
  text-align: center;
  height: 40px;
  line-height: 40px;
  cursor:default;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 0 10px rgba(161, 165, 165, 0.5);
}

.dc-designer-item-cover{
  position: absolute;
  z-index: 0;
  top:0;
  cursor: move;
  left:0;
  right:0;
  bottom:0;
  opacity: .2;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter:alpha(opacity=20);
  background-color: #fff151;
}
.dc-designer-item-del{
  position: absolute;
  right:0;
  top:0;
  width:18px;
  cursor: pointer;
  height:18px;
  z-index: 20;
  background-color: #FF6E6E;
  color:#fff;
}
.dc-designer-item-del:after{
  content:'\e90a';
  font-family: 'icomoon';
  position: absolute;
  left: -1px;
  top: -1px;
}
.dc-designer-item-selected{
  border: 1px dashed #f8ce7c !important;
}
.dc-designer-tool-icon-wrap{
  cursor: move;
  text-align: center;
  padding-top: 10px;
  border: 1px solid transparent;
  padding-bottom: 10px;
  position: relative;
}
.dc-designer-tool-icon-wrap:hover{
  border: 1px dashed #f8ce7c;
  background-color: rgba(255,241,81,.2);
}
.dc-designer-title{
  margin-top:10px;
  background-color: #f7f7f7;
}
.dc-designer-tool-icon-wrap.gu-transit{
    opacity: .2;
  font-size: 14px;
  border: 1px dashed #f8ce7c !important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter:alpha(opacity=20);
  background-color: #fff151;
}
.dc-designer-tool-icon-wrap.gu-mirror{
  opacity: .5;
  font-size: 14px;
  border: 1px dashed #f8ce7c !important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter:alpha(opacity=50);
  background-color: #fff151;
}
.dc-segement-item-selected{
  color:#333 !important;
  border-bottom:2px solid #1FDA9A;
}
.dc-designer-tool-icon:before{
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  font-variant: normal;
  text-transform: none;
  transform-origin: center;
  -webkit-transform-origin: center;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  transform-origin: center;
  -webkit-transform-origin: center;
}
.dc-designer-tool-icon-text:before{
  content: "\e90d";
}
.dc-designer-tool-icon-input:before{
  content: "\e917";
}
.dc-designer-tool-icon-radio:before{
   content: "\e908";
}
.dc-designer-tool-icon-check:before{
   content: "\e907";
}
.dc-designer-tool-icon-date:before{
   content: "\e906";
}

.dc-designer-tool-icon-detail:before {
	content: '\e931';
}

.dc-designer-tool-icon-city:before {
	content: '\e932';
}

.dc-designer-tool-icon-money:before {
	content: '\e931';
}

.dc-designer-tool-icon-editor:before {
	content: '\e930';
}

.dc-designer-wrapper-right .row{
  padding-left: 4px;
  padding-right: 4px;
}
.subComponent_btn:hover{
  box-shadow: rgba(0, 0, 0, 0.129412) 0px 4px 10px, rgba(0, 0, 0, 0.129412) 4px 4px 10px !important;
}

.template-list-item:hover{
  box-shadow: rgba(0, 0, 0, 0.129412) 0px 4px 10px, rgba(0, 0, 0, 0.129412) 4px 4px 10px !important;
}
.template-list-item:after{
  content: " ";
  position: absolute;
  border-radius: inherit;
  top: 0;
  width: 100%;
  height: 5px;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  opacity: 0.5;
}
.template-list-item:hover:after{
  opacity: 1;
}
.using-item .template-list-item:after{
  border-top: 4px solid #1fda9a;
}
.stop-item .template-list-item:after{
  border-top: 4px solid #ff7d91;
}
.using-item .item-status{
  display: none;
}
.using-item .stop-btn-group{
  display: none !important;
}
.stop-item .normal-btn-group{
  display: none !important;
}
.using-item .yy-icon:hover{
  color: #1fda9a !important;
}
.using-item .yy-icon:hover .yy-icon-text{
  color: #1fda9a !important;
}
.stop-item .yy-icon:hover{
  color: #ff7d91 !important;
}
.stop-item .yy-icon:hover .yy-icon-text {
  color: #ff7d91 !important;
}
.preview-dialog .yy-showpage-dialog-inner{
  height:90%;
  width:600px;
}
.template-wrap-item-selected .yy-icon-code{
  color:#1FDA9A !important;
}
.template-wrap-item-selected .yy-icon-code:before{
  content: "\e911";
}

.preview-dialog .yy-pageview{
  height:100%;
  border-radius: 0;
}
.preview-segment-selected{
  background-color:#1FDA9A;
}
.dc-detail-segment-selected{
  border-bottom: 2px solid #1FDA9A;
  color:#1FDA9A;
}




.omit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.green-btn {
    font-size: 12px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #31d99c;
    border-radius: 3px;
    color: #fff !important;
    display: block;
    border: none;
}

.clearfix:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
}

.green-btn-cancel {
    font-size: 12px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 3px;
    display: block;
    background: #f5f5f5;
    border: none;
    color: #666 !important;
}

.template_repeat_hover .yy-repeatitem .yy-view:hover{
    border-top: 5px solid #1fda9a !important;
    box-shadow: 0 0 10px #ddd;
}
.yy-dropdown-wrap{
  padding-bottom: 10px;
  margin-top: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto !important;
  max-height: 168px !important;
  min-height: 48px !important;
}
.yy-dropdown-wrap .yy-dropdown-wrap-inner .yy-dropdown-item{
  width: 88% !important;
}

.commonpage_form_content_item_text .yy-pretext {
    color: #333;
}
.header-edit-btn:after{
  content: "";
  position: absolute;
  top: 32%;
  right: 40%;
  background-color: #CCCCCC;
  height: 14px;
  width: 1px;
}
.dr-summary-table table{
  font-size: 13px;
  background-color: #fff;
  table-layout: fixed;
}
.dr-summary-table .yy-table-content{
  color: #666;
}
.dr-summary-table .yy-table-header{
  background-color: #F2F3F4;
  color: #333;
  height: 33px;
}
.dr-summary-table table th{
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  text-indent: 7px;
  word-break: initial;
  white-space: nowrap;
}
.dr-summary-table table td{
  padding-left: 10px;
  padding-right: 10px;
}

.like-selected .yy-icon-code:before{
  content: '\e925';
  color: #FF6666;
}

.collect-selected .yy-icon-code:before {
	content: '\e935';
	color: #ffdb66;
}

.range_dialog_body {
  padding: 20px;
  color: #666;
  font-size: 13px;
}


.dc-rangetree-rootdepart {

}

.dc-rangetree-unfolditem {
  /*height: 30px;*/
  /*white-space: nowrap;
  text-overflow: ellipsis;*/
}

.dc-rangetree-unfoldtitle {
  height: 30px;
  line-height: 30px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dc-rangetree-unfoldtitle>span {
  cursor: pointer;
}

.dc-rangetree-unfoldgrp {
  padding-left: 20px;
}

.dc-rangetree-persongrp {

}

.dc-rangetree-personitem {
  width: 100px;
  height: 50px;
  line-height: 30px;
  padding: 10px 0;
  margin-right: 10px;
  float: left;
}

.dc-rangetree-personitem img {
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  border-radius: 100%;
}

.dc-rangetree-personitem span {
  margin-left: 10px;
  float: left;
  width: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}


.dc-rangetree-triangle {
  float: left;
  width: 10px;
  text-align: center;
  margin-right: 5px;
}
.dc-rangetree-triangle:before {
  font-family: "FontAwesome";
  content: "\f0da";
  color: #999;
  font-size: 16px;
}


.dc-rangetree-unfolditem.active>.dc-rangetree-unfoldtitle>.dc-rangetree-triangle:before {
  content: "\f0d7" !important;
}

.dc-rangetree-unfolditem.null>.dc-rangetree-unfoldtitle>.dc-rangetree-triangle {
  display: none;
}

.dc-rangetree-unfolditem>.dc-rangetree-unfoldgrp {
  display: none;
}

.dc-rangetree-unfolditem.active>.dc-rangetree-unfoldgrp {
  display: block;
}




.dc-rangetree-personitem:hover {
  background-color: #F6F6F6;
}



.seach_tem_dropdown:after{
  font-family: "icomoon" !important;
  content: "\e90f";
  color: #aaaaaa;
}
.seach_tem_dropdown input{
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.table-row-creator .yy-icon-img img{
  border-radius: 50%;
  display: table-cell;
  margin-top:3px;
}
.dr-summary-table .yy-table-content tr{
  border-bottom: 1px solid #eeeeee;
}
.dr-summary-table .yy-table-content tr td{
  padding-top: 10px;
  padding-bottom: 10px;
}
.dr-summary-table .yy-table-content tr td .ai-center{
  overflow: hidden;
}
.uploader_repeat .yy-repeatitem:hover {
  background-color: #F7F7F7 !important;
}

.icon-date input {
  background: #fff;
}


.good-avatar img {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 100%;
}

.yy-menuitem .yy-menu-icon-wrap .yy-menu-icon{
  color: #aaa;
  font-size: 18px;
}

.yy-item-selected .yy-menu-icon-wrap .yy-menu-icon{
  color: #fff;
}
.commonpage_row_view:hover{
  background-color: #f7f7f7 !important;
}
.search_checkbox .yy-fontawesome{
  margin-bottom: 5px;
}
.more_popup:before{
  font-family:"icomoon";
  content: "\e905";
  color: #999;
  font-size: 16px;
  color: #fff;
  position: absolute;
  transform: rotate(180deg);
  top: -20px;
  right: 38px;
}
.more_popup div:hover{
  background-color: rgba(15, 208, 132, 0.1);
}
.group-condition-row-selected{
    background-color: #f7f7f7;
}
